// .v-enter {
//     opacity: 0;
//     transform: translateX(100%);
// }
// .v-leave-to {
//     opacity: 0;
//     transform: translateX(-100%);
//     position: absolute;
// }
// .v-enter-active,
// .v-leave-active {
//     transition: all 0.5s ease;
// }
.v-enter {
  opacity: 0;
}
.v-enter-to {
  opacity: 1;
}
.v-enter-active {
  transition: 1s;
} /*定义过渡时间*/
.v-leave {
  opacity: 1;
}
.v-leave-to {
  opacity: 0;
}
.v-leave-active {
  transition: 2s;
}
.left-enter {
  transform: translateX(100%);
} /*100%代表在屏幕外*/
.left-enter-to {
  transform: translateX(0);
}
.left-enter-active {
  transition: 1s;
}
.left-leave {
  transform: translateX(0);
}
.left-leave-to {
  transform: translateX(-100%);
}
.left-leave-active {
  transition: 0.5s;
}
